import { NavLink, Route } from "react-router-dom";

import Home from "./views/Home";
import About from "./views/About";

export default function App() {
  return (
    <div>
      <h1>App</h1>

      <ul>
        <li>
          <NavLink to="/home">go home</NavLink>
        </li>
        <li>
          <NavLink to="/about">go about</NavLink>
        </li>
      </ul>

      <hr />

      {/* 
        /home   =>  Home
        /about  =>  About
      */}
      <Route path="/home" component={Home} />
      <Route path="/about" component={About} />
    </div>
  );
}
